<template>
<div id="footer">
<ul class="footer-top">
	<router-link :to="item.path" :key="index" v-for="(item,index) in ftList" tag="li">
		{{item.name}}
	</router-link>
</ul>
<ul class="footer-content">
	<li v-for="(item,index) in fcList"><a href="javascript:;">{{item}}</a></li>
</ul>
<p id="foot-img"></p>
<p id="foot-word">Copyright 2006-2017 Mtime.com Inc. All rights reserved.</p>
</div>
</template>

<script>
	export default{
		data(){
			return{
				ftList:[
					{
						path:'/home',
						name:'首页'
					},
					{
						path:'/ticket',
						name:'购票'
					},
					{
						path:'/mall',
						name:'商城'
					},
					{
						path:'/find',
						name:'发现'
					},
					{
						path:'/user',
						name:'我的'
					}
				],
				fcList:[
					"PC端","客户端下载","意见反馈","帮助中心"
				]
			}
		},
		mounted(){
			
		},
		methods:{
			
		},
		components:{
			
		}
	}
</script>

<style scoped lang="scss">
@import "~@/scss/main.scss";
.footer-top{
	@include rect(100%, 0.5rem);
	@include bgcolor(#fff);
	li{
		float:left;
		font-size:18px;
		@include textcolor(#0074CF);
		margin:0 16px;
		line-height:0.5rem;
	}
}

.footer-content{
	@include rect(100%, 0.53rem);
	li{
		float:left;
		a{
			float:left;
			border-right:1px solid #ccc;
			font-size:14px;
			color:#333;
			margin-top:0.20rem;
			padding:0 18px;
			&:nth-of-type(4){
				border:0;
			}
		}
	}
}
#foot-img{
	@include rect(100%, 0.25rem);
	background:url(~@/img/fot_logo.png)no-repeat center/20%; 
}

#foot-word{
	text-align:center;
	padding-top:10px;
	color:#CDD4DE;
}
</style>